.nad-branch-edges .nad-edge-path, .nad-3wt-edges .nad-edge-path {stroke: var(--nad-vl-color, lightgrey); stroke-width: 5; fill: none}
.nad-branch-edges .nad-winding, .nad-3wt-nodes .nad-winding {stroke: var(--nad-vl-color, lightgrey); stroke-width: 5; fill: none}
.nad-text-edges {stroke: black; stroke-width: 3; stroke-dasharray: 6,7; fill: none}
.nad-disconnected .nad-edge-path {stroke-dasharray: 10,10}
.nad-injections .nad-disconnected .nad-edge-path, .nad-injections .nad-disconnected circle {stroke: lightgrey}
.nad-injections .nad-edge-path {stroke: var(--nad-vl-color, lightgrey); stroke-width: 3; fill: none}
.nad-injections circle {stroke: var(--nad-vl-color, lightgrey); stroke-width: 3; fill: none}
.nad-vl-nodes .nad-busnode {fill: var(--nad-vl-color, lightgrey)}
.nad-vl-nodes circle.nad-unknown-busnode {stroke: var(--nad-vl-color, #808080); stroke-width: 5; stroke-dasharray: 5,5; fill: none}
.nad-hvdc-edge polyline.nad-hvdc {stroke: grey; stroke-width: 40}
.nad-branch-edges .nad-tie-line-edge .nad-edge-path {stroke-width: 7}
.nad-pst-arrow {stroke: #6a6a6a; stroke-width: 4; stroke-linecap: round; fill: none}
path.nad-arrow-out:not(.nad-state-out .nad-arrow-out) {visibility: hidden}
path.nad-arrow-in:not(.nad-state-in .nad-arrow-in) {visibility: hidden}
.nad-active {fill: #546e7a}
.nad-reactive {fill: #0277bd}
.nad-current {fill: #bd4802}
.nad-text-background {flood-color: #90a4aeaa}
.nad-text-nodes {font: 25px serif; fill: black; dominant-baseline: central}
foreignObject.nad-text-nodes {overflow: visible; color: black}
.nad-label-box {background-color: #6c6c6c20; width: max-content; padding: 10px; border-radius: 10px;}
.nad-legend-square {display: inline-block; margin-right: 10px; width: 20px; height: 20px; background: var(--nad-vl-color, black);}
.nad-edge-infos text, .nad-edge-label text {font: 20px serif; dominant-baseline:middle; stroke: #FFFFFFAA; stroke-width: 10; stroke-linejoin:round; paint-order: stroke}
.nad-disconnected {--nad-vl-color: #808080}
:is(.nad-branch-edges, .nad-3wt-edges, .nad-3wt-nodes) .nad-vl0to30 {--nad-vl-color: #afb42b}
.nad-vl0to30.nad-bus-0 {--nad-vl-color: #827717}
.nad-vl0to30.nad-bus-1 {--nad-vl-color: #d4e157}
.nad-vl0to30.nad-bus-2 {--nad-vl-color: #e6ee9c}
.nad-vl0to30.nad-bus-3 {--nad-vl-color: #c0ca33}
.nad-vl0to30.nad-bus-4 {--nad-vl-color: #f0fc83}
.nad-vl0to30.nad-bus-5 {--nad-vl-color: #9e9d24}
.nad-vl0to30.nad-bus-6 {--nad-vl-color: #cddc39}
.nad-vl0to30.nad-bus-7 {--nad-vl-color: #dce775}
.nad-vl0to30.nad-bus-8 {--nad-vl-color: #ddfc88}
:is(.nad-branch-edges, .nad-3wt-edges, .nad-3wt-nodes) .nad-vl30to50 {--nad-vl-color: #ef9a9a}
.nad-vl30to50.nad-bus-0 {--nad-vl-color: #c2185b}
.nad-vl30to50.nad-bus-1 {--nad-vl-color: #f06292}
.nad-vl30to50.nad-bus-2 {--nad-vl-color: #d81b60}
.nad-vl30to50.nad-bus-3 {--nad-vl-color: #ec407a}
.nad-vl30to50.nad-bus-4 {--nad-vl-color: #880e4f}
.nad-vl30to50.nad-bus-5 {--nad-vl-color: #ad1457}
.nad-vl30to50.nad-bus-6 {--nad-vl-color: #e91e63}
.nad-vl30to50.nad-bus-7 {--nad-vl-color: #f48fb1}
.nad-vl30to50.nad-bus-8 {--nad-vl-color: #f8bbd0}
:is(.nad-branch-edges, .nad-3wt-edges, .nad-3wt-nodes) .nad-vl50to70 {--nad-vl-color: #9c27b0}
.nad-vl50to70.nad-bus-0 {--nad-vl-color: #7b1fa2}
.nad-vl50to70.nad-bus-1 {--nad-vl-color: #ba68c8}
.nad-vl50to70.nad-bus-2 {--nad-vl-color: #512da8}
.nad-vl50to70.nad-bus-3 {--nad-vl-color: #ab47bc}
.nad-vl50to70.nad-bus-4 {--nad-vl-color: #e1bee7}
.nad-vl50to70.nad-bus-5 {--nad-vl-color: #6a1b9a}
.nad-vl50to70.nad-bus-6 {--nad-vl-color: #4a148c}
.nad-vl50to70.nad-bus-7 {--nad-vl-color: #ce93d8}
.nad-vl50to70.nad-bus-8 {--nad-vl-color: #9575cd}
:is(.nad-branch-edges, .nad-3wt-edges, .nad-3wt-nodes) .nad-vl70to120 {--nad-vl-color: #e65100}
.nad-vl70to120.nad-bus-0 {--nad-vl-color: #fb8c00}
.nad-vl70to120.nad-bus-1 {--nad-vl-color: #ffb74d}
.nad-vl70to120.nad-bus-2 {--nad-vl-color: #f57c00}
.nad-vl70to120.nad-bus-3 {--nad-vl-color: #ffa726}
.nad-vl70to120.nad-bus-4 {--nad-vl-color: #ffe0b2}
.nad-vl70to120.nad-bus-5 {--nad-vl-color: #ef6c00}
.nad-vl70to120.nad-bus-6 {--nad-vl-color: #ff9800}
.nad-vl70to120.nad-bus-7 {--nad-vl-color: #ffcc80}
.nad-vl70to120.nad-bus-8 {--nad-vl-color: #fff3e0}
:is(.nad-branch-edges, .nad-3wt-edges, .nad-3wt-nodes) .nad-vl120to180 {--nad-vl-color: #00ACC1}
.nad-vl120to180.nad-bus-0 {--nad-vl-color: #4fc3f7}
.nad-vl120to180.nad-bus-1 {--nad-vl-color: #01579b}
.nad-vl120to180.nad-bus-2 {--nad-vl-color: #b3e5fc}
.nad-vl120to180.nad-bus-3 {--nad-vl-color: #039be5}
.nad-vl120to180.nad-bus-4 {--nad-vl-color: #81d4fa}
.nad-vl120to180.nad-bus-5 {--nad-vl-color: #0288d1}
.nad-vl120to180.nad-bus-6 {--nad-vl-color: #29b6f6}
.nad-vl120to180.nad-bus-7 {--nad-vl-color: #0277bd}
.nad-vl120to180.nad-bus-8 {--nad-vl-color: #03a9f4}
:is(.nad-branch-edges, .nad-3wt-edges, .nad-3wt-nodes) .nad-vl180to300 {--nad-vl-color: #2e7d32}
.nad-vl180to300.nad-bus-0 {--nad-vl-color: #81c784}
.nad-vl180to300.nad-bus-1 {--nad-vl-color: #558b2f}
.nad-vl180to300.nad-bus-2 {--nad-vl-color: #c8e6c9}
.nad-vl180to300.nad-bus-3 {--nad-vl-color: #43a047}
.nad-vl180to300.nad-bus-4 {--nad-vl-color: #a5d6a7}
.nad-vl180to300.nad-bus-5 {--nad-vl-color: #388e3c}
.nad-vl180to300.nad-bus-6 {--nad-vl-color: #66bb6a}
.nad-vl180to300.nad-bus-7 {--nad-vl-color: #1b5e20}
.nad-vl180to300.nad-bus-8 {--nad-vl-color: #4caf50}
:is(.nad-branch-edges, .nad-3wt-edges, .nad-3wt-nodes) .nad-vl300to500 {--nad-vl-color: #d32f2f}
.nad-vl300to500.nad-bus-0 {--nad-vl-color: #ef5350}
.nad-vl300to500.nad-bus-1 {--nad-vl-color: #ef9a9a}
.nad-vl300to500.nad-bus-2 {--nad-vl-color: #b71c1c}
.nad-vl300to500.nad-bus-3 {--nad-vl-color: #e57373}
.nad-vl300to500.nad-bus-4 {--nad-vl-color: #e53935}
.nad-vl300to500.nad-bus-5 {--nad-vl-color: #ff8a80}
.nad-vl300to500.nad-bus-6 {--nad-vl-color: #f44336}
.nad-vl300to500.nad-bus-7 {--nad-vl-color: #ffcdd2}
.nad-vl300to500.nad-bus-8 {--nad-vl-color: #c62828}
.nad-branch-edges .nad-overload .nad-edge-path {animation: line-blink 3s infinite}
.nad-vl-nodes .nad-overvoltage {animation: node-over-blink 3s infinite}
.nad-vl-nodes .nad-undervoltage {animation: node-under-blink 3s infinite}
.nad-highlight {stroke-width: 25; opacity: 0.2; fill: none;}
.nad-highlight-0 {stroke: #e6e600;}
.nad-highlight-1 {stroke: #b300b3;}
.nad-highlight-2 {stroke: #2eb82e;}
.nad-highlight-3 {stroke: #e67300;}
.nad-highlight-4 {stroke: #0000ff;}
@keyframes line-blink {
  0%, 80%, 100% {stroke: var(--nad-vl-color, black); stroke-width: 5}
  40% {stroke: #FFEB3B; stroke-width: 15}
}
@keyframes node-over-blink {
  0%, 80%, 100% {stroke: white; stroke-width: 0}
  40% {stroke: #ff5722; stroke-width: 15}
}
@keyframes node-under-blink {
  0%, 80%, 100% {stroke: white; stroke-width: 0}
  40% {stroke: #00BCD4; stroke-width: 15}
}
